<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="es-ES">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>DLS - Requerimiento Personal</title>
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/reset.css">
<!-- <script type="text/javascript" src="js/jquery-1.9.1.js"></script> -->

<link rel="stylesheet" href="../css/jquery-ui.css" />
<script src="../js/jquery-1.9.1.js"></script>
<script src="../js/jquery-ui.js"></script>
<script src="../js/script.js"></script>

<script>
  $(function() {    
    $( "#rdAreaInteres" ).buttonset();
    $( "#spinDuracion" ).spinner();
    $( "#spinVacantes" ).spinner();
    $( "#btnRegister" ).button({ icons: { primary: "ui-icon-disk" } });
  });
  </script>
</head>
<body>

<div class="wrapper styled">

<jsp:include page="../template/header.jsp"></jsp:include>

<jsp:include page="../template/menu.jsp"></jsp:include>

<div class="body" style="">

	<div class="metro-title textCenter">
		<span>DLS - Requerimiento Personal</span>
	</div>
	
	<table class="tbForm widthTotal" style="margin-left: 15%; width: 70% !important; margin-right: 15% !important;">
    	<tr class="trHead">
    		<td colspan="3"><label>Cargo/Posición</label></td>
    	</tr>
    	<tr>
    		<td colspan="3"><input class="widthTotal" type="text"/></td>
    	</tr>
    	<tr class="trHead">
    		<td colspan="3"><label>Area/Unidad</label></td>
    	</tr>
    	<tr>
    		<td colspan="3" class="textCenter">
				<div id="rdAreaInteres">
				    <input type="radio" id="rdAreaInteres1" name="radio"/><label for="rdAreaInteres1">ADMINISTRACION</label>
				    <input type="radio" id="rdAreaInteres2" name="radio"/><label for="rdAreaInteres2">PRODUCCION</label>
				    <input type="radio" id="rdAreaInteres3" name="radio"/><label for="rdAreaInteres3">SISTEMAS</label>
				    <input type="radio" id="rdAreaInteres4" name="radio"/><label for="rdAreaInteres4">VENTAS</label>
				</div>
			</td>
    	</tr>
    	<tr class="trHead">
    		<td colspan="3"><label>Funciones del Puesto</label></td>
    	</tr>
    	<tr>
    		<td colspan="3"><textarea rows="5" cols="50" class="widthTotal" ></textarea> </td>
    	</tr>
    	<tr class="trHead">
    		<td><label>Especialidad</label></td>
    		<td><label>Duracion</label></td>
    		<td><label>Nro Vacantes</label></td>
    	</tr>
    	<tr>
    		<td><input type="text" style="width: 200px;"></td>
    		<td><input id="spinDuracion" value="0"/> (meses)</td>
    		<td><input id="spinVacantes" value="0"/> </td>
    	</tr>
    	<tr class="trHead">
    		<td colspan="3"><label>Conocimientos</label></td>
    	</tr>
    	<tr>
    		<td colspan="3"><textarea rows="5" cols="50" class="widthTotal" ></textarea> </td>
    	</tr>
    	<tr class="trHead">
    		<td colspan="3"><label>Experiencia Laboral</label></td>
    	</tr>
    	<tr>
    		<td colspan="3"><textarea rows="5" cols="50" class="widthTotal" ></textarea> </td>
    	</tr>
    	<tr class="trHead">
    		<td colspan="3"><label>Otros Requisitos: (Conocimientos, habilidades, areas de interes, meritos, etc)</label></td>
    	</tr>
    	<tr>
    		<td colspan="3"><textarea rows="5" cols="50" class="widthTotal" ></textarea> </td>
    	</tr>
    </table>
	    
	<div class="line" style="text-align: center;width: 100%;">
  		<button id="btnRegister">Registrar</button>
	</div>

</div>

<jsp:include page="../template/footer.jsp"></jsp:include>

</div>

</body>
</html>